<template>
  <div>
    <div class="evaluate">
      <h5>商品评价(11)</h5>
      <div class="pingjia"  v-for="item in 5">
        <div class="touxiang">
          <img src="https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3818670604,1923994441&fm=26&gp=0.jpg" alt />
          <span class="name">11</span>
        </div>
        <p class="pinglun">很好</p>
        <p class="time">2020-9-17</p>
      </div>
      <!-- <div class="pingjia">
        <div class="touxiang">
          <img src alt />
          <span class="name">11</span>
        </div>
        <p class="pinglun">哈哈哈哈哈</p>
        <p class="time">2020-9-17</p>
      </div> -->
      <!-- <div class="seewrap">
        <div class="see">
          <a href>
            查看更多
            <i class="iconfont icon-jiantou"></i>
          </a>
        </div>
      </div>-->
    </div>
  </div>
</template>
<script>
import http from "../../util/http";
export default {
  data() {
    return {};
  },
  props: {
    datail: Object,
  },
  mounted() {},
};
</script>
<style lang="scss" scoped>
.evaluate {
  margin-top: 5rem;
  padding: 0 1.8rem;
  h5 {
    color: #7b7f82;
    font-weight: normal;
  }
  .pingjia {
    margin-top: 1.5rem;
    .touxiang{
            display: inline-block;
            width: 5rem;
            height: 5rem;
            border-radius: 50%;
            background: #969696;
            position: relative;
            img{
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
            .name{
                font-size: 1.4rem;
                position: absolute;
                left: 6rem;
                top:1rem;
            }
    }
    .pinglun {
      margin-top: 1rem;
      font-size: 1.6rem;
    }
    .time {
      color: #7b7f82;
      margin-top: 0.3rem;
      font-size: 1.4rem;
    }
  }
  padding-bottom: 7rem;
  // .seewrap {
  //   position: relative;
  //   height: 2rem;
  //   .see {
  //     width: 12rem;
  //     border: 1px solid #8c8c8c;
  //     text-align: center;
  //     border-radius: 40px;
  //     padding: 1px 2px;
  //     margin-top: 1rem;
  //     position: absolute;
  //     top: 50%;
  //     left: 50%;
  //     margin-left: -6rem;
  //     a {
  //       width: 10rem;
  //       height: 1.5rem;
  //       color: black;
  //       font-size: 1.5rem;

  //       .icon-jiantou {
  //         font-size: 1.4rem;
  //       }
  //     }
  //   }
  // }
}
</style>